<template>
<!--  <HelloWorld/>-->
<!--  <SlotComponent>-->
<!--    &lt;!&ndash;    父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。&ndash;&gt;-->
<!--    <p>{{name}}</p>-->
<!--  </SlotComponent>-->
  <p>父级的:{{nameValue}}</p>
  <p>父级的:{{ageValue}}</p>
  <Component1 v-model:name="nameValue" v-model:age="ageValue"></Component1>
</template>

<script>
// import HelloWorld from './components/HelloWorld.vueBox'
// import SlotComponent from './components/slotComponent.vueBox'
import Component1 from './components/component1.vue'

export default {
  name: 'App',
  components: {
    // HelloWorld,
    // SlotComponent,
    Component1
  },
  data () {
    return {
      name: 'zhangsan',
      nameValue: 'zs',
      ageValue: 29
    }
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
